<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    }
}
</script>

<style>
  ::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
  }

  ::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #b6b6b6;
  }

  .el-table th.gutter {
    display: table-cell !important;
  }
  .detail-tab .el-tabs__item {
    font-size: 16px!important;
    font-weight: 600!important;
  }
</style>
<style  lang="scss">
  .el-dialog__wrapper {
    display: flex;
    justify-content: center;
    align-items: Center;
    overflow: hidden;
    .el-dialog {
      margin: 0 auto !important;
      height: 90%;
      overflow: hidden;
      position: relative;
      .el-dialog__body {
        position: absolute;
        left: 0;
        top: 54px;
        bottom: 50px;
        right: 0;
        padding: 0 10px 0 10px!important;
        z-index: 1;
        overflow: hidden;
        overflow-y: auto;
      }
      .el-dialog__footer {
        position: absolute;
        bottom: 5px;
        height: 50px;
        right: 20px;
        z-index: 1;
      }
    }
  }

  .el-dialog__header {
    background-color:#3059a7 !important;
    padding : 10px!important;
  }

  .el-dialog__title {
    color: white;
    border-left: 3px solid white ;
    padding-left: 10px;
  }

  .el-dialog__headerbtn .el-dialog__close {
    color: white;
  }

  .el-dialog__headerbtn {
    top: 16px!important;
  }

  .sidebar-container {
    .el-menu-item.is-active {
      border-right: 3px solid #3059a7!important;
      background-color: rgba(0,0,0,0.08) !important;
    }
  }
  .el-input-large input{
    width: 100px;
  }
  .el-input-xlarge input{
    width: 150px;
  }
  .el-input-xxlarge input{
    width: 200px;
  }

</style>
<style>
  .viewer-container{
    z-index: 9999!important;
  }
  .detail-card .el-card__body {
    height: 100%;
    overflow-y: auto;
  }

  .detail-tab {
    /*height: 100%;*/
  }
  .detail-tab .el-tabs__content {
    /*height: 93%;*/
    /*overflow-y: scroll;*/
  }

  .noLable .el-form-item__content {
    margin-left: 0 !important;
  }

  .detail-tab .el-tabs__nav {
    border: 0 !important;
    border-bottom: 2px solid #1890ff !important;
  }

  .serviceArea .el-select-dropdown {
    width: 300px;

  }

  .serviceArea .el-select-dropdown .el-select-dropdown__item {
    height: auto !important;
    white-space: normal;
  }

  .serviceArea .el-textarea__inner {
    height: 80px;
    resize: none;
  }
</style>
<style lang="scss">
  .tab-title {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #dfe4ed;
    margin-bottom: 20px;
  }

  .tab_tit {
    width: 100px;
    height: 100%;
    color: #1890ff;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 15px;
    border-bottom: 2px solid #1890ff;
  }
</style>

